<template>
  <div class="content">
    <h2>About计数: {{counter}}</h2>
    <button @click="increment">+1</button>
    <button @click="decrement">-1</button>
  </div>
</template>

<script>
  import { ref} from 'vue'
  import useCounter from '../hooks/UseCounter'
  import UseTitle from '../hooks/UseTitle'
  export default {
    setup() {
      // 修改标题
      UseTitle('About页面')
      return {
        ...useCounter()
      }
    }

  }
</script>

<style scoped>
</style>